function showImg(file) {
    var srr = file.split("@");
    var html = '';
    for(var i in srr){
        if(srr[i]!=""){
            html +='<img src="' + srr[i] + '"style="width: auto; height: auto; max-height: 80%; max-width: 90%;margin-left: 20px;margin-top: 20px;border: 1px solid #900" />';
        }
    }
    //页面层
    layer.open({
        type: 1,
        skin: 'layui-layer-rim', //加上边框
        area: ['100%', '600px'], //宽高
        shadeClose: true, //开启遮罩关闭
        title:"图片",
        end: function (index, layero) {
            return false;
        },
        content:html
    });
}

function show(suggestId) {
    window.parent.addTab1("意见反馈图片","./base/baseSuggest/showImg.do?suggestId="+suggestId,"resSuggest"+suggestId);
}


layui.define([ 'form', 'laydate', 'table' ], function(exports) {
    var form = layui.form;
    var laydate = layui.laydate;
    var table = layui.table;
    var baseSuggestTable = null;
    var view ={
        init:function(){
            this.initTable();
            this.initSearchForm();
            this.initToolBar();
            window.dataReload = function(){
                Lib.doSearchForm($("#searchForm"),baseSuggestTable)
            }
        },
        initTable:function(){
            var data = $("#searchForm").serializeJson();
            baseSuggestTable = table.render({
                elem : '#baseSuggestTable',
                height : Lib.getTableHeight(0),
                cellMinWidth: 100,
                method : 'post',
                where: data,

                url : Common.ctxPath + '/base/baseSuggest/list.json' // 数据接口
                ,page : Lib.tablePage // 开启分页
                ,limit : 10,
                cols : [ [ // 表头
                    {
                        type : 'checkbox',
                        fixed:'left',
                    },
                    {
                        field : '',
                        title : '操作',
                        align:'center',
                        fixed:'left',
                        width : 90,
                        templet:function (d) {
                            if(d.status!=1){
                                return '<a class="layui-btn  layui-btn-xs layui-btn-danger" lay-event="check">待处理</a>' ;
                            }else{
                                return '<a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="check">已处理</a>' ;

                            }


                        }
                    },
                    {

                        field : 'sourceId',
                        title : '会员手机',
                        width:150
                    },
                    {

                        field : 'customerName',
                        title : '会员名称',
                        width:120
                    },
                    {
                        field : 'describe',
                            title : '建议描述',
                        width:300
                    },
                    {

                        field : 'phone',
                            title : '联系电话',
                        width:150
                    },
                    {

                        field : 'file',
                            title : '图片',
                        templet:function(d){
                            if(d.file!=""){
                                // return  '<a href="javascript:showImg(\''+d.file+'\')" class="layui-table-link">查看图片</a>';
                                return  '<a href="javascript:show(\''+d.suggestId+'\')" class="layui-table-link">查看图片</a>';
                            }
                            return  '';
                        }
                    },
                    {
                        field : 'createdTime',
                            title : '创建时间',
                        width:170
                    },
                    {
                        field : 'updatedName',
                        title : '处理人',
                    },
                    {
                        field : 'handleMemo',
                        title : '处理意见',
                    },
                    {
                        field : 'updatedTime',
                        title : '处理时间',
                        width:170
                    },
        ] ],
                done: function (res, curr, count) {

                    merge(res);//合并单元格
                }


            });
            table.on('sort(baseSuggestTable)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                console.log(obj.field); //当前排序的字段名
                console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                console.log(this); //当前排序的 th 对象

                //尽管我们的 table 自带排序功能，但并没有请求服务端。
                //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
                table.reload('baseSuggestTable', {
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                    ,where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                        field: obj.field //排序字段
                        ,order: obj.type //排序方式
                    }
                });
            });
            table.on('checkbox(baseSuggestTable)', function(obj){
                var baseSuggest = obj.data;
                if(obj.checked){
                    //按钮逻辑Lib.buttonEnable()
                }else{

                }
            })

            table.on('tool(baseSuggestTable)', function(obj){
                var planItem = obj.data;
                if(obj.event=="check"&&planItem.status!=1){


                    layer.prompt({
                        formType: 2,    // 弹出文本层类型
                        title: '处理意见',    // 标题
                        value:'',    // 可以设置文本默认值
                        area: ['500px', '150px'],     // 设置弹出层大小
                        btn: ['确认','取消'],    // 自定义设置多个按钮
                    }, function(value, index, elem){
                        $.ajax({
                            url:Common.ctxPath+"/base/baseSuggest/check.json",
                            type:"POST",
                            data:{
                                suggestId:planItem.suggestId,
                                handleMemo:value
                            },
                            success:function(res){
                                if(res.code==0){
                                    window.dataReload();
                                    Common.info("操作成功");
                                }else{
                                    Common.info("操作失败");
                                    Lib.closeFrame();
                                }
                                layer.close(index);
                            }
                        });
                    });


                    // Common.openConfirm("确认处理?",function(){
                    //     $.ajax({
                    //         url:Common.ctxPath+"/base/baseSuggest/check.json",
                    //         type:"POST",
                    //         data:{
                    //             suggestId:planItem.suggestId
                    //         },
                    //         success:function(res){
                    //             if(res.code==0){
                    //                 window.dataReload();
                    //                 Common.info("操作成功");
                    //             }else{
                    //                 Common.info("操作失败");
                    //                 Lib.closeFrame();
                    //             }
                    //         }
                    //     });
                    // })


                }else if(obj.event=="showImg"){
                    var imgHtml = "<img src='https://static.51sdx.com/images" + planItem.fileName + "' />";
                    window.open('https://static.51sdx.com/images' + planItem.fileName );
                    // var imgHtml = "<img src='http://wx2.sinaimg.cn/orj360/92c91978gy1gel2bwaymuj20ku26swpw.jpg' />";
                    var winHeight = $(window).height() - 80;  // 浏览器可视部分高度
                    var winWidth = $(window).width() - 100;  // 浏览器可视部分宽度
                    //捕获页
                    // layer.open({
                    //     type: 1,
                    //     // shade: false,
                    //     shade: 0.8,
                    //     offset: 'auto',
                    //     shadeClose:true,
                    //     scrollbar: false,
                    //     skin:'layui-layer-nobg',
                    //     title: false, //不显示标题
                    //     area:[winWidth+'px',winHeight+'px'],
                    //     // area: [600+'px', 600+'px'],
                    //     content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                    //     cancel: function () {
                    //         //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
                    //     }
                    // });


                }
            })


            //合并开始
            function merge(res) {
                var data = res.data;
                console.log(data);
                var mergeIndex = 0;//定位需要添加合并属性的行数
                var mark = 1; //这里涉及到简单的运算，mark是计算每次需要合并的格子数
                var _number = 1;//保持序号列数字递增
                var columsName = ['sourceId'];//需要合并的列名称
                var columsIndex = [2];//需要合并的列索引值
                var mergeCondition = 'id';//需要合并的 首要条件  在这个前提下进行内容相同的合并
                var tdArrL = $('.layui-table-fixed-l > .layui-table-body').find("tr");//序号列左定位产生的table tr
                var tdArrR = $('.layui-table-fixed-r > .layui-table-body').find("tr");//操作列定右位产生的table tr

                for (var k = 0; k < columsName.length; k++) { //这里循环所有要合并的列
                    var trArr = $(".layui-table-main>.layui-table").find("tr");//所有行
                    for (var i = 1; i < res.data.length; i++) { //这里循环表格当前的数据

                        if (data[i][mergeCondition] === data[i-1][mergeCondition]) {
                            var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列
                            var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列

                            if (data[i][columsName[k]] === data[i-1][columsName[k]]) { //后一行的值与前一行的值做比较，相同就需要合并
                                mark += 1;
                                tdPreArr.each(function () {//相同列的第一列增加rowspan属性
                                    $(this).attr("rowspan", mark);
                                });
                                tdCurArr.each(function () {//当前行隐藏
                                    $(this).css("display", "none");
                                });
                            }else {
                                mergeIndex = i;
                                mark = 1;//一旦前后两行的值不一样了，那么需要合并的格子数mark就需要重新计算
                            }
                        } else {
                            mergeIndex = i;
                            mark = 1;//一旦前后两行的值不一样了，那么需要合并的格子数mark就需要重新计算
                        }


                    }
                    mergeIndex = 0;
                    mark = 1;
                }





                //操作左右定位列的表格
                // $.each($("#qua_standard_table").siblings('.layui-table-view').find('.layui-table-main>.layui-table').find("tr"),function (i,v) {
                //     if ($(v).find('td').eq(2).css('display') === 'none') {
                //         tdArrL.eq(i).find('td').css('display','none');
                //         tdArrR.eq(i).find('td').css('display','none');
                //     } else {
                //         tdArrL.eq(i).find('td').find('.laytable-cell-numbers').html(_number++);
                //         tdArrL.eq(i).find('td').css('height',$(v).find('td').eq(2)[0].clientHeight);
                //         tdArrR.eq(i).find('td').css('height',$(v).find('td').eq(2)[0].clientHeight);
                //
                //     }
                // })



            }
            //合并结束
        },

        initSearchForm:function(){
            Lib.initSearchForm( $("#searchForm"),baseSuggestTable,form);
        },
        initToolBar:function(){
            toolbar = {
                add : function() { // 获取选中数据
                    var url = "/base/baseSuggest/add.do";
                    Common.openDlg(url,"意见反馈管理>新增");
                },
                edit : function() { // 获取选中数目
                    var data = Common.getOneFromTable(table,"baseSuggestTable");
                    if(data==null){
                        return ;
                    }
                    var url = "/base/baseSuggest/edit.do?suggestId="+data.suggestId;
                    Common.openDlg(url,"意见反馈管理>"+data.suggestId+">编辑");
                },
                del : function() {
                    layui.use(['del'], function(){
                        var delView = layui.del;
                        delView.delBatch();
                    });
                }
        };
            $('.ext-toolbar').on('click', function() {
                var type = $(this).data('type');
                toolbar[type] ? toolbar[type].call(this) : '';
            });
        }
    }
    exports('index',view);

});
